<!DOCTYPE html>
<html lang="en">
<head>
<base href=""/>
  <meta charset="UTF-8">
  <title>费用结算</title>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/jquery-ui-1.10.4.custom.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap-responsive.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap-datetimepicker.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/common.css"/>
  
  <script type='text/javascript' src='../static/js/jquery-1.10.2.min.js'></script>
  <script type='text/javascript' src='../static/js/jquery-ui-1.10.4.custom.js'></script>
  <script type='text/javascript' src="../static/js/jquery.tips.js"></script>
  <script type='text/javascript' src='../static/js/bootstrap.min.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap-datetimepicker.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap-datetimepicker.zh-CN.js'></script>
  <script type="text/javascript" src="../static/js/common.js"></script>
  <script type="text/javascript" src="../static/js/precisionLoss.js"></script>
  <script type="text/javascript" src="../static/js/newAdd.js"></script>
  <script type="text/javascript" src="../static/js/messageContent.js"></script>
  <script type='text/javascript' src='../static/js/echarts.js'></script>
  <script type='text/javascript' src='../static/js/balance/costBalance.js'></script>
  <script type='text/javascript' src='../static/table/costBalanceTable.js'></script>
</head>
<body>
<div class="top">
  	当前位置: 公交结算<span class="comSpanTitle">></span><span style="color:#333333">费用结算<span class="showPosition"><img src="../static/images/icon-reminder.png"/>
  	<span>结算流程:抄表 > 电力结算单 > 贸易系数 > <span style="color:#03994b">费用结算</span></span></span></span>
</div>
  <div class="blue"></div>
  <div class="scrollBody">
	  <div class="partWhite paddingBottomTen" id="scrollHeight">
		<div class="partTable">
			<div class="col-sm-1 control-label partConditionTitle">
				<span id="showYear" style="font-size:22px;"></span>
		    </div>
			<div class="col-sm-11" id="monthList">
			</div>
		</div>
	  </div>
	  <div class="partWhite paddingBottomTen">
		<form class="form-horizontal" id="costBalanceSearch">
		  <input id="balanceMonth" name="balanceMonth" hidden="hidden">
		  <input id="balanceRatio" name="balanceRatio" hidden="hidden">
		  <input id="ChargingUnitPrice" name="ChargingUnitPrice" hidden="hidden">
		  <input id="subBranchCompanyIDSubmit" name="SubBranchCompanyID" hidden="hidden">
		  <input id="lineIDSubmit" name="LineID" hidden="hidden">
		  <div class="form-group" style="margin-bottom: 0;">
	        <label for="EffectiveDate" class="col-sm-1 control-label partConditionTitle" style="width:100px">选择日期</label>
	        <div class="col-sm-2 partCondition">
	          <select name="EffectiveDate" id="EffectiveDate" class="form-control" onchange='getChargingPrice(this.options[this.options.selectedIndex].value)'>
	          </select>
	        </div>
	        <label id="ChargingPrice" class="col-sm-1 control-label partConditionTitle" style="text-align:left;color:#999999;font-size:12px;"></label>
	    	<label for="branchCompanyID" class="col-sm-1 control-label partConditionTitle">运营公司</label>
            <div class="col-md-2 partCondition">
                <select id="branchCompanyID" name="BranchCompanyID" class="form-control" onchange="changeBranchCompany()">
                    <option value='' selected="selected">请选择</option>
                </select>
            </div>
			<!-- <label for="BalanceBillID" class="col-sm-1 control-label partConditionTitle" style="width:100px">电力结算单</label>
	        <div class="col-sm-3">
	          <select name="BalanceBillID" id="BalanceBillID" class="form-control" onchange='getBalanceBill(this.options.selectedIndex)'>
	          	<option value="" selected="selected">请选择</option>
	          </select>
	        </div>
			<label id="billErrorMessage" class="col-sm-3 control-label" style="color:#999999;text-align: left;" hidden='hidden'></label> -->
		  </div>
		</form>
	  </div>
	  <div class="partWhite paddingBottomTen ">
		<div class="partTable">
	    	<ul class="nav nav-tabs" role="tablist" id="myTab">
		        <li role="presentation" class="costMenu active" onclick="allClick('summaryBalance')" id="summary" onMouseOver="allMouse('summaryBalanceA', true)" onMouseOut="allMouse('summaryBalanceA', false)">
		        	汇总结算
		        </li>
		        <li role="presentation" class="costMenu" onclick="allClick('subBranchCompanyBalance')" id="presentation" onMouseOver="allMouse('subBranchCompanyBalanceA', true)" onMouseOut="allMouse('subBranchCompanyBalanceA', false)">
		        	分公司结算
		        </li>
		        <li role="presentation" class="costMenu" onclick="allClick('lineBalance')" id="line" onMouseOver="allMouse('lineBalanceA', true)" onMouseOut="allMouse('lineBalanceA', false)">
		        	线路结算
		        </li>
		        <li role="presentation" class="costMenu" onclick="allClick('phaseSummary')" id="phase" onMouseOver="allMouse('phaseSummaryA', true)" onMouseOut="allMouse('phaseSummaryA', false)">
		        	阶段汇总
		        </li>
		        <li role="presentation" class="costMenu" onclick="allClick('stageSummary')" id="stage" onMouseOver="allMouse('stageSummaryA', true)" onMouseOut="allMouse('stageSummaryA', false)">
		        	建设期统计
		        </li>
	    	</ul>
	    </div>
	    <div class="partTable" id="branchOffice" hidden="hidden">
            <label for="subBranchCompanyName" class="col-sm-1 control-label partConditionTitle">分公司</label>
            <div class="col-md-2 partCondition">
                <select id="subBranchCompanyName" name="SubBranchCompanyID" class="form-control" onchange="search();">
                    <option value='' selected="selected">请选择</option>
                </select>
            </div>
		</div>
		<div class="partTable" id="XLbranchOffice" hidden="hidden">
			<label for="lineID" class="col-sm-1 control-label partConditionTitle">线路名称</label>
			<div class="col-sm-2" hidden="hidden">
				<select id="lineID" name="LineID" class="form-control">
					<option value="" selected="selected">请选择</option>
				</select>
			</div>
            <div class="col-sm-2">
               <input class="form-control" id="names" placeholder="线路名称" type="text" onchange="getLineID()">
            </div>
            <button class="btn btnDefault marginLeft2ten" type="button" onclick="search()">查询</button>
		</div>
		<div class="partTable" id="phaseOffice" hidden="hidden">
            <label for="subBranchCompanyPhase" class="col-sm-1 control-label partConditionTitle">分公司</label>
            <div class="col-md-2">
                <select id="subBranchCompanyPhase" name="SubBranchCompanyID" class="form-control" onchange="searchPhase();">
                    <option value='' selected="selected">请选择</option>
                </select>
            </div>
            <label for="endChargingDate" class="col-sm-1 control-label partConditionTitle">截止时间</label>
            <div class="col-md-2">
				<div id="chargingDate" class="input-group date" data-date-format="yyyy-mm-dd">
					<input class="form-control" id="endChargingDate" name="EndChargingDate" type="text"/>
					<span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
					<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
				</div>
            </div>
            <button type="button" class="btn btnDefault marginLeft2ten" onclick="searchPhase()">
				查询
			</button>
		</div>
	  </div>
	  <div class="partWhite paddingBottomTen" id="partWhiteTH" style="margin-top: 20px; padding: 0px;">
	  	<ul class="nav nav-tabs" role="tablist" id="myTabCount">
	        <li role="presentation" id="TJ" style="background-color:#FFF;width:88px;height:30px" class="active"><a href="#" role="tab" data-toggle="tab" style="color:#268AED;font-size:14px;" id="statistics">统计</a></li>
	        <li role="presentation" id="HZ" style="width:88px;height:30px"><a href="#" role="tab" data-toggle="tab" style="color:#268AED;font-size:14px" id="Detailed">汇总详细</a></li>
		</ul>
	  </div>
  	  <div class="partWhite paddingBottomTen">
		    <div class="tab-content" id="tabContent" >
	        <div role="tabpanel" class="tab-pane active" id="summaryBalance">
				<div class="partTable menutotal" style="margin-top: 30px;" id="partTableTJ">
					<div class="col-sm-2 textCenter">
						<label class="col-sm-12 control-label partConditionTitle costCountMsg" id="totalChargingCount">0</label>
						<label class="col-sm-12 control-label partConditionTitle">总充电次数</label>
					</div>
					<div class="col-sm-2 textCenter leftBorderCCC">
						<label class="col-sm-12 control-label partConditionTitle costCountMsg" id="totalTradeKWH">0</label>
						<label class="col-sm-12 control-label partConditionTitle">总贸易电量</label>
					</div>
					<div class="col-sm-2 textCenter leftBorderCCC">
						<label class="col-sm-12 control-label partConditionTitle costCountMsg" id="totalChargingKWH">0</label>
						<label class="col-sm-12 control-label partConditionTitle">总充电电量</label>
					</div>
					<div class="col-sm-2 textCenter leftBorderCCC">
				    	<label class="col-sm-12 control-label partConditionTitle costCountMsg" id="totalChargingCost">0.00</label>
				    	<label class="col-sm-12 control-label partConditionTitle">总费用</label>
					</div>
					<div id="summaryHistogram" class="col-sm-12" style="height:300px;" hidden="hidden">
					</div>
				</div>
	        	<div class="form-group menudetail" id="formGroupDC" hidden="hidden">
					<button type="button" class="btn btnDefault marginLeft2ten" onclick="exportFile(1)" id="export" style="float:right;width:80px;">
						 导出
					</button>
				</div>
				<div class="partTable menudetail" id="partTableId" hidden="hidden">
		        	<table class="table table-hover" id="summaryBalanceTable">
		        		<thead id="summaryBalanceThead">
						</thead>
						<tbody id="summaryBalanceTbody">
						</tbody>
		        	</table>
		        	<table class="table scrollTable" id="summaryBalanceTable1" hidden="hidden">
	   				</table>
		        </div>
	        </div>
	        <div role="tabpanel" class="tab-pane" id="subBranchCompanyBalance">
				<div class="partTable menutotal" style="margin-top: 40px;" id="partTableFGSTJ">
			    	<div class="col-sm-2 textCenter leftBorderCCC">
			    		<label class="col-sm-12 control-label partConditionTitle costCountMsg" id="sbcChargingKWH">0</label>
			    		<label class="col-sm-12 control-label partConditionTitle">总电量</label>
			    	</div>
					<div class="col-sm-2 textCenter leftBorderCCC">
						<label class="col-sm-12 control-label partConditionTitle costCountMsg" id="sbcElectricCost">0.00</label>
						<label class="col-sm-12 control-label partConditionTitle">总电费</label>
					</div>
					<div class="col-sm-2 textCenter leftBorderCCC">
						<label class="col-sm-12 control-label partConditionTitle costCountMsg" id="sbcUServicePrice">0.00</label>
						<label class="col-sm-12 control-label partConditionTitle">总服务费</label>
					</div>
					<div class="col-sm-2 textCenter leftBorderCCC">
						<label class="col-sm-12 control-label partConditionTitle costCountMsg" id="sbcChargingCost">0.00</label>
						<label class="col-sm-12 control-label partConditionTitle">总费用:</label>
					</div>
					<div id="subBranchCompanyHistogram" class="col-sm-12" style="height:300px;" hidden="hidden">
					</div>
				</div>
	        	<div class="form-group menudetail" id="formGroupFGSDC" hidden="hidden">
					<button type="button" class="btn btn-primary export"  onclick="exportAll()">
						 批量导出
					</button>
					<button type="button" class="btn btn-primary export"  onclick="exportFile(2)">
						 导出
					</button>
				</div>
				<div class="partTable menudetail" id="partTableFGSId" hidden="hidden">
					<table class="table table-hover" id="subBranchCompanyBalanceTable">
						<thead id="subBranchCompanyBalanceThead">
						</thead>
						<tbody id="subBranchCompanyBalanceTbody">
						</tbody>
					</table>
					<table class="table scrollTable" id="subBranchCompanyBalanceTable1" hidden="hidden">
	   				</table>
				</div>
			</div>
	        <div role="tabpanel" class="tab-pane" id="lineBalance">
				<div class="partTable menudetail" style="margin-top: 40px;"  id="partTableXLTJ">
					<div class="col-sm-2 textCenter">
						<label class="col-sm-12 control-label partConditionTitle costCountMsg" id="lineChargingCount">0</label>
						<label class="col-sm-12 control-label partConditionTitle">总充电次数</label>
				    </div>
				    <div class="col-sm-2 textCenter leftBorderCCC">
				    	<label class="col-sm-12 control-label partConditionTitle costCountMsg" id="lineChargingKWH">0</label>
						<label class="col-sm-12 control-label partConditionTitle">总电量</label>
			    	</div>
			    	<div class="col-sm-2 textCenter leftBorderCCC">
			    		<label class="col-sm-12 control-label partConditionTitle costCountMsg" id="lineChargingCost">0.00</label>
				    	<label class="col-sm-12 control-label partConditionTitle">总费用</label>
			    	</div>
				</div>
				<button type="button" class="btn btn-primary export" onclick="exportFile(3)">
					导出
				</button>
	        	<div class="form-group"  id="formGroupXLDC">
				</div>
				<div class="partTable"  id="partTableXLId">
		        	<table class="table table-hover" id="lineBalanceTable">
		        		<thead id="lineBalanceThead">
						</thead>
						<tbody id="lineBalanceTbody">
						</tbody>
		        	</table>
	        	</div>
	        </div>
	        <div role="tabpanel" class="tab-pane" id="phaseSummary">
				<button type="button" class="btn btn-primary export" onclick="exportFile('phaseSummary')">
					导出
				</button>
				<div class="partTable"  id="partTablePSId">
		        	<table class="table table-hover" id="phaseSummaryTable">
		        		<thead id="phaseSummaryThead">
						</thead>
						<tbody id="phaseSummaryTbody">
						</tbody>
		        	</table>
	        	</div>
	        </div>
	        <div role="tabpanel" class="tab-pane" id="stageSummary">
				<button type="button" class="btn btn-primary export" onclick="exportFile('stageSummary')">
					导出
				</button>
				<div class="partTable"  id="partTableSSId">
		        	<table class="table table-hover" id="stageSummaryTable">
		        		<thead id="stageSummaryThead">
						</thead>
						<tbody id="stageSummaryTbody">
						</tbody>
		        	</table>
	        	</div>
	        </div>
	    </div>
  	  </div>
  </div>
</body>
</html>
